<template>
  <div id="app">
    <div class="row">
      <fy-button>按钮</fy-button>
      <fy-button type="primary">按钮</fy-button>
      <fy-button type="success">按钮</fy-button>
      <fy-button type="info">按钮</fy-button>
      <fy-button type="warning">按钮</fy-button>
      <fy-button type="danger">按钮</fy-button>
    </div>
      <div class="row">
      <fy-button plain>按钮</fy-button>
      <fy-button plain type="primary">按钮</fy-button>
      <fy-button plain type="success">按钮</fy-button>
      <fy-button plain type="info">按钮</fy-button>
      <fy-button plain type="warning">按钮</fy-button>
      <fy-button plain type="danger">按钮</fy-button>
    </div>
      <div class="row">
      <fy-button plain round>按钮</fy-button>
      <fy-button plain round type="primary">按钮</fy-button>
      <fy-button plain round type="success">按钮</fy-button>
      <fy-button plain round type="info">按钮</fy-button>
      <fy-button plain round type="warning">按钮</fy-button>
      <fy-button plain round type="danger">按钮</fy-button>
    </div>
    <div class="row">
      <fy-button plain circle>
        钮</fy-button>
      <fy-button plain circle type="primary">钮</fy-button>
      <fy-button plain circle type="success">钮</fy-button>
      <fy-button plain circle type="info">钮</fy-button>
      <fy-button plain circle type="warning">钮</fy-button>
      <fy-button plain circle type="danger">钮</fy-button>
    </div>
     <div class="row">
      <fy-button plain icon="fy-icon-delete" circle>钮</fy-button>
      <fy-button plain icon="fy-icon-delete" circle type="primary">钮</fy-button>
      <fy-button plain icon="fy-icon-delete" circle type="success">钮</fy-button>
      <fy-button plain icon="fy-icon-delete" circle type="info">钮</fy-button>
      <fy-button plain icon="fy-icon-delete" circle type="warning">钮</fy-button>
      <fy-button plain icon="fy-icon-delete" circle type="danger">钮</fy-button>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.row {
  margin-bottom: 20px;
  .fy-button {
    margin-right: 20px;
  }
}
</style>
